@import "../varibles";
@import "../mixins/mixin";

.vue-message-center-transition {
	@include transition(all 0.5s ease-in);
	opacity:1;
}

.vue-message-center-enter{
	@include scale(0);
	opacity:0;
}

.vue-message-center-leave{
	@include scale(0);
	opacity:0;
}


.vue-message-top-transition {
	@include transition(all 0.5s ease-in);
	opacity:1;
}

.vue-message-top-enter{
	@include translate3d(0,-100%,0);
	opacity:0;
}

.vue-message-top-leave{
	@include translate3d(0,-100%,0);
	opacity:0;
}

.vue-message-bottom-transition {
	@include transition(all 0.5s ease-in);
	opacity:1;
}

.vue-message-bottom-enter{
	@include translate3d(0,100%,0);
	opacity:0;
}

.vue-message-bottom-leave{
	@include translate3d(0,100%,0);
	opacity:0;
}

@-webkit-keyframes MessageLoading{
	from{
		-webkit-transform:rotateZ(0deg);
	}
	to{
		-webkit-transform:rotateZ(360deg);
	}
}